<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name:{{ name }}</div>
    <p>企业管理员进入后，通过拿他的用户名，获取它的对应学生列表</p>
    <p>企业菜单>显示学生管理（做个新页面做展示，管理学生按钮，参考企业管理），审批鉴定表，审批接收函，评价列表（可对学生评价），公告申请，请假审批</p>
    <p>学院管理员进入后，通过拿他的用户名，获取它的对应所在系的学生列表</p>
    <p>学院菜单>显示学生管理（所在系学生，学生的实习状态【未实习，实习ing，实习ed】，删除表示移除系），教师管理，公告申请，评价管理（以老师为列表展示，查看学生对老师评价）</p>
    <p>学院管理员可下载实习鉴定表，方便盖章。</p>
    <div class="dashboard-text">roles:<span v-for="role in roles" :key="role">{{ role }}</span></div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name',
      'roles'
    ])
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
